<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=640px, user-scalable=no">
<meta name="apple-themes-web-app-capable" content="yes">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<meta name="format-detection" content="telephone=no">
<title>惠众环保</title>	
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
</head>

<body>
<!--页面加载 开始-->
<div id="preloader">
	<div id="status">
		<p class="center-text"><span>拼命加载中···</span></p>
	</div>
</div>
<!--页面加载 结束-->    

<div id="content_div">
	<div class="header mb20">
		<a href="javascript:history.go(-1);" class="fanhui"></a>
		XXXX垃圾袋发放机设备
	</div>
	<dl class="lilb_dl btccc">
		<dd>1层</dd>
		<dd>厨余垃圾袋</dd>
		<dd>16件</dd>
		<button type="button" class="anclass1">添加</button>
		<button type="button" class="anclass2">重置</button>
	</dl>
	<dl class="lilb_dl">
		<dd>2层</dd>
		<dd>可回收垃圾袋</dd>
		<dd>16件</dd>
		<button type="button" class="anclass1">添加</button>
		<button type="button" class="anclass2">重置</button>
	</dl>
	<dl class="lilb_dl">
		<dd>3层</dd>
		<dd>厨余垃圾袋</dd>
		<dd>16件</dd>
		<button type="button" class="anclass1">添加</button>
		<button type="button" class="anclass2">重置</button>
	</dl>
	<dl class="lilb_dl">
		<dd>4层</dd>
		<dd>厨余垃圾袋</dd>
		<dd>16件</dd>
		<button type="button" class="anclass1">添加</button>
		<button type="button" class="anclass2">重置</button>
	</dl>
	<dl class="lilb_dl">
		<dd>5层</dd>
		<dd>厨余垃圾袋</dd>
		<dd>16件</dd>
		<button type="button" class="anclass1">添加</button>
		<button type="button" class="anclass2">重置</button>
	</dl>
	<dl class="lilb_dl">
		<dd>6层</dd>
		<dd>厨余垃圾袋</dd>
		<dd>16件</dd>
		<button type="button" class="anclass1">添加</button>
		<button type="button" class="anclass2">重置</button>
	</dl>
</div>

<style>
.lilb_dl{ width: 100%; height: 100px; border-bottom: #ccc 1px solid; background: #fff; overflow: hidden;}
.lilb_dl dd{ float: left; line-height: 100px;}
.lilb_dl dd:nth-child(1){ width: 70px; margin-left: 30px;}
.lilb_dl dd:nth-child(2){ width: 180px; margin-left: 20px;}
.lilb_dl dd:nth-child(3){ margin-left: 20px; margin-right: 40px;}
.lilb_dl .anclass1{ background: #30AB43; color: #fff; width: 80px; height: 50px; margin-top: 25px; border-radius: 10px; margin-left: 10px;}
.lilb_dl .anclass2{ background: #eee; color: #333; width: 80px; height: 50px; margin-top: 25px; border-radius: 10px; margin-left: 15px;}
</style>

<!--底部-->
<div class="foot_nav">
	<ul>
		<li>
			<a href="index.html">
				<img src="images/foot_nav1.png" />
				<p>首页</p>
			</a>
		</li>
		<li>
			<a href="bianmin.html">
				<img src="images/foot_nav2.png" />
				<p>便民</p>
			</a>
		</li>
		<li>
			<a href="list.html">
				<div class="img">
					<img src="images/foot_nav3.png" />
				</div>
				<p class="text">智能分类</p>
			</a>
		</li>
		<li>
			<a href="shop.html">
				<img src="images/foot_nav4.png" />
				<p>商城</p>
			</a>
		</li>
		<li>
			<a href="user.html">
				<img src="images/foot_nav5.png" />
				<p>我的</p>
			</a>
		</li>
	</ul>
</div>
<!--底部结束-->
<script type="text/javascript" src="js/zepto.js"></script>
<script type="text/javascript" src="js/carousel-image.js"></script>
<script>
	$('.carousel-image').CarouselImage({
		num: $('.carousel-image .carousel-num'),
		repeat: true
	});
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>